/* ------------------------------------------------------ 16:9(标准屏安卓、18:9的浏览器、iphone5/6/7/8，默认css) ------------------------------------------------------*/
.container{transform:translate3d(0,0,0);}
.content{width:100%;height:100%;position:relative;margin:0px;padding:0px;overflow: hidden;background:url(../images/bg.jpg) no-repeat center;background-size: cover;transform:translate3d(0,0,0)}



/*---------------------------------------- 14:9(15:9的浏览器)----------------------*/
@media screen and (device-width:360px) and (min-height:480px) and (max-height:500px){
	
}

/*------------------------------------ 15:9（标准屏+虚拟SYSTEM BAR安卓的微信、16:9的浏览器 、iphone5/6/7/8的微信底部有历史工具条/浏览器）--------------------*/
@media screen and (device-width: 360px) and (min-height: 520px) and (max-height: 540px), screen and (device-width: 320px) and (min-height: 460px) and (max-height: 470px), screen and (device-width: 375px) and (min-height: 550px) and (max-height: 560px), screen and (device-width: 414px) and (min-height: 620px) and (max-height: 630px){
	
}




/*---------------------------------------- 安卓系列----------------------*/
@media screen and (device-width: 360px), screen and (device-width: 393px){
	
}

/*---------------------------------------- iphone系列 ----------------------------------------------*/
@media screen and (device-width: 320px), screen and (device-width: 375px), screen and (device-width: 414px){
.items{width:100%;height:auto;position:relative;margin:0px 0px 10px 0px;padding:0px;overflow:hidden;}
}


/*---------------------------------------- 19:9(刘海屏安卓的微信、iphoneX的微信)----------------------*/
@media screen and (device-width: 360px) and (min-height: 660px), screen and (device-width: 375px) and (min-height: 720px){
	.items{width:100%;height:auto;position:relative;margin:0px 0px 15px 0px;padding:0px;overflow:hidden;}
}
/*------------------------------------- 18:9（全面屏安卓的微信 、iphoneX的微信底部有历史工具条/浏览器）------------------*/
@media screen and (device-width: 360px) and (min-height: 600px), screen and (device-width: 393px) and (min-height: 660px), screen and (device-width: 375px) and (min-height: 630px){
	.items{width:100%;height:auto;position:relative;margin:0px 0px 10px 0px;padding:0px;overflow:hidden;}
}


@media screen and (max-height:850px){
	
	.items{width:100%;height:auto;position:relative;margin:0px 0px 20px 0px;padding:0px;overflow:hidden;}
}

@media screen and (max-height:700px){
	
	.items{width:100%;height:auto;position:relative;margin:0px 0px 10px 0px;padding:0px;overflow:hidden;}
}
@media screen and (width:360px) and (max-height:700px){
	
	.items{width:100%;height:auto;position:relative;margin:0px 0px 20px 0px;padding:0px;overflow:hidden;}
}

	
@media screen and (max-height:610px){
	
	.items{width:100%;height:auto;position:relative;margin:0px 0px 10px 0px;padding:0px;overflow:hidden;}
}
@media screen and (width:360px) and (max-height:610px){
	
	.items{width:100%;height:auto;position:relative;margin:0px 0px 10px 0px;padding:0px;overflow:hidden;}
}

@media screen and (max-height:550px){
	
	.items{width:100%;height:auto;position:relative;margin:0px 0px 5px 0px;padding:0px;overflow:hidden;}
}
@media screen and (width:360px) and (max-height:550px){
	
	.items{width:100%;height:auto;position:relative;margin:0px 0px 5px 0px;padding:0px;overflow:hidden;}
}

@media screen and (max-height:520px){
	
	.items{width:100%;height:auto;position:relative;margin:0px 0px 5px 0px;padding:0px;overflow:hidden;}
}


.gamebox{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;transform:translate3d(0,0,0)
}
/* .floor{transition: opacity 0.05s;} */
.floorbg{display:block;width:100%;height:100%;position:absolute;top:0;left:0;transform:translate3d(0,0,0);z-index:0;}
.animal{width:50px;height:60px;position:absolute;bottom:25%;left:50%;transform: translate3d(-50% , 0,0);}
.animalItem{display:block;width:100%;height:100%;position:absolute;top:0;left:0;}
.startbox{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;z-index:1000;}
.playbtn{width:2rem;height:0.6rem;position:absolute;top:50%;left:2.75rem;background:#d236a4;font-size:0.3rem;line-height:0.6rem;text-align:center;color:#ffffff;border-radius:0.2rem;}

.zaw{display:block;width:100%;height:100%;position:absolute;top:0;left:0;transform:translate3d(0,0,0);z-index:101;}
.money{display:block;width:100%;height:100%;position:absolute;top:0;left:0;transform:translate3d(0,0,0);z-index:100;}